.index-banner {overflow: hidden; margin-top:80px;}
.index-banner .swiper-button-prev { -webkit-transition: opacity .5s;-o-transition: opacity .5s;-moz-transition: opacity .5s;transition: opacity .5s;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%f28600%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.index-banner .swiper-button-next { -webkit-transition: opacity .5s;-o-transition: opacity .5s;-moz-transition: opacity .5s;transition: opacity .5s;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%f28600%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.index-banner .swiper-container {height:840px;}
.index-banner .swiper-container .swiper-img {position: relative;}
.index-banner .swiper-container .swiper-img .container {height: 100%;position: relative;}
.index-banner .swiper-container .swiper-img .banner-txt {position: absolute;top: 24.06%;left: 0;right: 0;color: #fff;padding: 0 15px;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 {position: absolute;color: #fff;top: 24.06%;left: 0;right: 0; width: 100%;text-align: center;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size:60px;font-weight: bolder; font-family: 思源宋体 CN; margin-bottom:20px;opacity: 0;-webkit-transform: translateY(-80%); -moz-transform: translateY(-80%); -ms-transform: translateY(-80%); -o-transform: translateY(-80%);transform: translateY(-80%);-webkit-transition: opacity 1.5s, -webkit-transform 1.5s;transition: opacity 1.5s, -webkit-transform 1.5s;-o-transition: opacity 1.5s, -o-transform 1.5s;-moz-transition: opacity 1.5s, transform 1.5s, -moz-transform 1.5s;transition: opacity 1.5s, transform 1.5s;transition: opacity 1.5s, transform 1.5s, -webkit-transform 1.5s, -moz-transform 1.5s, -o-transform 1.5s;text-shadow: 3px 4px 2px rgba(0, 0, 0, .175);}
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size:25px; margin-top:20px; line-height: 60px;opacity: 0;-webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);text-shadow: 1px 1px 1px rgba(0, 0, 0, .175);-webkit-transition: opacity 3s, -webkit-transform 3s;transition: opacity 3s, -webkit-transform 3s;-o-transition: opacity 3s, -o-transform 3s;-moz-transition: opacity 3s, transform 3s, -moz-transform 3s;transition: opacity 3s, transform 3s;transition: opacity 3s, transform 3s, -webkit-transform 3s, -moz-transform 3s, -o-transform 3s;}
.index-banner .swiper-container .swiper-img .banner-txt .txt3 {font-size:26px; line-height: 50px;opacity: 0;-webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%);text-shadow: 1px 1px 1px rgba(0, 0, 0, .175);-webkit-transition: opacity 3.5s, -webkit-transform 3.5s;transition: opacity 3.5s, -webkit-transform 3.5s;-o-transition: opacity 3.5s, -o-transform 3.5s;-moz-transition: opacity 3.5s, transform 3.5s, -moz-transform 3.5s;transition: opacity 3.5s, transform 3.5s;transition: opacity 3.5s, transform 3.5s, -webkit-transform 3.5s, -moz-transform 3.5s, -o-transform 3.5s;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt2{left: 55%;top: 30.06%;text-align: left;}
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt3{left: 0;top: 36.06%;text-align: left;}
.index-banner .swiper-container .swiper-slide-active .banner-txt>div {-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;opacity: 1;}
.index-banner .swiper-container .swiper-slide.on .swiper-img .banner-txt .txt3,
.index-banner .swiper-container .swiper-slide.on .swiper-img .banner-txt .txt2,
.index-banner .swiper-container .swiper-slide.on .swiper-img .banner-txt .txt1 {-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;opacity: 1;}
.index-banner .swiper-container .swiper-img {height: 100%;}
.index-banner .swiper-container>.container {position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);   -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);transform: translateX(-50%);height: 100%;z-index: 10;}
.index-banner .swiper-pagination-bullet { opacity: 1;width:12px;height: 12px;margin: 0 12px;border-radius: 6px; border: 1px solid #fff;background: #fff;}
.index-banner .swiper-pagination-bullets {width: auto;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform: translateX(-50%);transform: translateX(-50%);bottom: 40px;}
.index-banner .swiper-pagination-bullet-active {background: #dd1010; border: 1px solid #dd1010;}
@media (max-width: 1680px){
.index-banner .swiper-container {height:735px;}
}    
@media (max-width: 1440px){
.index-banner .swiper-container {height:630px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size: 50px; }
}
@media (max-width: 1366px){
.index-banner .swiper-container {height:598px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size: 40px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 img{ width: 100%;} 
.index-banner .swiper-container .swiper-img .banner-txt .txt3 {font-size:22px;}
}
@media (max-width: 1280px){
.index-banner .swiper-container {height:560px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size: 28px; }
}
@media (max-width: 1200px){
.index-banner { margin-top:70px;}
.index-banner .swiper-container {height:525px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size: 26px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 { display: none;} 
.index-banner .swiper-container .swiper-img .banner-txt .txt3 {font-size:18px;}
}
@media (max-width: 1180px){
.index-banner .swiper-container {height:516px;}
}
@media (max-width: 1024px){
.index-banner .swiper-container {height:450px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size: 17px;line-height: 32px;} 
}
@media (max-width: 992px){
.index-banner .swiper-container {height:434px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size: 24px; margin-bottom:15px;}
.index-banner .swiper-pagination-bullets {bottom: 25px; }
}    
@media (max-width:768px){
.index-banner .swiper-container {height:336px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size: 20px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size: 16px;line-height: 30px; } 
.index-banner .swiper-container .swiper-img .banner-txt .txt3 {font-size:16px;line-height:28px;}
.index-banner .swiper-pagination-bullet { width:8px;height: 8px;margin: 0 8px;border-radius: 4px; }
}    
@media (max-width:668px){
.index-banner .swiper-container {height:292px;}
.index-banner .swiper-pagination-bullets {bottom:10px; }
}
@media (max-width:600px){
.index-banner { margin-top:60px;}
.index-banner .swiper-container {height:263px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt3 {font-size:15px;line-height:22px;}
.index-banner .swiper-container .swiper-img .banner-txt { top: 22.06%; }
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt1 { top: 22.06%; }
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt2{left: 45%; top: 22.06%; }
.index-banner .swiper-container .swiper-img .banner-txt.banner-txt3{ top: 22.06%; }

}
@media (max-width:425px){
.index-banner .swiper-container {height:200px;}
.index-banner .swiper-container .swiper-img .banner-txt .txt1 {font-size: 16px; margin-bottom: 8px; }
.index-banner .swiper-container .swiper-img .banner-txt .txt2 {font-size: 13px;line-height: 20px; margin-bottom: 8px; } 
.index-banner .swiper-container .swiper-img .banner-txt .txt3 {font-size:13px;line-height:20px;}
}
.fullpage-section{width: 100%; height: 100%; height: 100vh; overflow: hidden; z-index: 2;}
@media (max-width: 992px) {
.fullpage-section{ height: auto; overflow: hidden; z-index: 2;}
}
.index-about .vm{ text-align: center;}
.index-about .vmbox{ width: 100%; text-align: left;}

.pa100 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index-about .index-about-img{ position: absolute; right: 0px; top: -20px; text-align: right;}
.index-about { background:url(../images/indexbg1.jpg) no-repeat bottom; }
.index-about-wrap { margin-top: 80px;}
.index-about-wrap .cn{font-size: 36px; color: #d1212b;}
.index-about-wrap .en{ font-size: 48px; text-transform: uppercase; color: #ebebeb; font-family: Arial, Helvetica, sans-serif; font-weight: bolder;}
.index-about-wrap .hr{margin-top: 20px; margin-bottom: 20px; height: 4px; width: 0; border-left: #006699 solid 40px; border-right: #cc0000 solid 40px;}
.index-about-wrap .imax{line-height: 30px; margin: 50px 0 70px; overflow: hidden; font-size: 16px; width: 50%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; max-height: 190px; color: #666666;}
.index-about-wrap .links{margin-top: 45px; white-space: nowrap; font-size: 0;}
.index-about-wrap .links .link{position: relative; z-index: 1; display: inline-block; vertical-align: top; width: 138px; height: 138px; padding: 26px 20px 0; text-align: center;font-size: 16px; margin-left: 24px;}
.index-about-wrap .links .link:first-child{margin-left: 0;}
.index-about-wrap .links .link .icoImg{display: block; margin-left: auto; margin-right: auto; width: 40px; height: 40px; margin-bottom: 12px;}
.index-about-wrap .links .link .icoImg1{display: none; margin-left: auto; margin-right: auto; width: 40px; height: 40px; margin-bottom: 12px;}
.index-about-wrap .links .link .bg s{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; background-repeat: no-repeat; background-position: center; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.index-about-wrap .links .link .bg s.i1{background-image: url(../images/bgi-about-dot1.png);}
.index-about-wrap .links .link .bg s.i2{background-image: url(../images/bgi-about-dot2.png);}
.index-about-wrap .links .link .bg s.i3{background-image: url(../images/bgi-about-dot3.png);}
.index-about-wrap .links .link:hover{ color: #d1212b;}
.index-about-wrap .links .link:hover .icoImg{display: none;}
.index-about-wrap .links .link:hover .icoImg1{display: block;}
.index-about-wrap .links .link:hover s{-webkit-animation-play-state: running; animation-play-state: running;}
.index-about-wrap .links .link:hover s.i2{-webkit-animation-delay: 100ms; animation-delay: 100ms;}
.index-about-wrap .links .link:hover s.i3{-webkit-animation-delay: 150ms; animation-delay: 150ms;}
@media (max-width:1800px){
.index-about-wrap { margin-top: 0px;}
.index-about-wrap .cn{font-size: 30px;}
.index-about-wrap .en{ font-size: 38px;}
.index-about-wrap .hr{margin-top: 10px; margin-bottom: 10px; height: 4px; width: 0; border-left: #006699 solid 30px; border-right: #cc0000 solid 30px;}
.index-about-wrap .imax{line-height: 28px; margin: 20px 0 10px; width: 60%; min-height: 150px;}
.index-about-wrap .links{margin-top: 45px; white-space: nowrap; font-size: 0;}
}
@media (max-width:1366px){
.index-about-wrap .cn{font-size: 26px;}
.index-about-wrap .en{ font-size: 30px;}
.index-about .index-about-img{width: 40%;}
.index-about .index-about-img img{ width: 100%;}
.index-about-wrap .links{margin-top: 25px; }
.index-about-wrap .links .link{width: 118px; height: 118px; padding: 16px 20px 0;}
.index-about-wrap .links .link .bg s{ background-size: 100% 100%;}
}
@media (max-width:1200px){
.index-about-wrap .imax{ width: 100%; }
.index-about .index-about-img{ display: none;}
}
@media (max-width:1024px){
.index-about { padding: 50px 0;}
.index-about-wrap .cn{font-size: 24px;}
.index-about-wrap .en{ font-size: 26px;}

}
@media (max-width:600px){
.index-about-wrap .cn{font-size: 22px;}
.index-about-wrap .en{ font-size: 24px;}
.index-about-wrap .links .link{width: 98px; height:98px; padding: 12px 10px 0;}
.index-about-wrap .links .link .icoImg{ width: 30px; height: 30px; margin-bottom: 8px;}
.index-about-wrap .links .link .icoImg1{ width: 30px; height: 30px; margin-bottom: 8px;}

}
@media (max-width:500px){
.index-about-wrap .links .link{width: 25%; height: 88px; padding: 12px 0px 0;margin-left: 0px;}
.index-about-wrap .links .link p { font-size: 14px;}
.index-about-wrap .links .link .bg s{ display: none;}
}
.vmbox {position: relative;z-index: 1;display: inline-block;max-width: 100%!important;max-height: 100%!important;width: auto;height: auto;vertical-align: middle;}
/*.vm {position: relative;overflow: hidden;display: block;font-size: 0;}
.fullpage-section .vm {z-index: 3;line-height: 353px !important;height: 353px !important;font-size: 0px;}
.fullpage-section .bg {z-index: -1;pointer-events: none;}*/
.index-product{ background: url(../images/indexbg2.jpg) no-repeat; position: relative;}
.index-product-links{white-space: nowrap; font-size: 0; text-align: center; margin-top: 30px;}
.index-product-links .link{ vertical-align: top; color: #fff;}
.index-product-links .link:before,
.index-product-links .link:after{content: " "; display: block; margin-left: auto; margin-right: auto; width: 1px; height: 110px; opacity: .30; filter: alpha(opacity=30); *zoom: 1; background-color: #fff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.index-product-links .link:before{height: 0; margin-bottom: 0;}
.index-product-links .link:after{margin-top: 30px;}
.index-product-links .link .pic{ overflow: visible;}
.index-product-links .link .pic img{position: relative; z-index: 9;}
.index-product-links .link .pic:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/maski-product-link2.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation-fill-mode: both; animation-fill-mode: both; pointer-events: none;}
.index-product-links .link .cn{margin-top: 10px; font-size: 22px; line-height: 30px;}
.index-product-links .link .en{margin-top: 10px; font-size: 14px; font-weight: normal;}
.index-product-links .link:hover:before{height: 40px; margin-bottom: 30px;}
.index-product-links .link:hover:after{height: 40px; margin-top: 30px;}
.index-product-links .link:hover .pic:after{-webkit-animation-play-state: running; animation-play-state: running;}
.index-product-wave{position: absolute; z-index:1; left: 0; bottom: 0; width: 100%; height: 17.91666667%; max-height: 172px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 0; object-position: 50% 0;}
.pic,.vm{position:relative;overflow:hidden;display:block;font-size:0}
.index-product .cn{font-size: 36px; color: #fff; text-align: center;}
.index-product .en{ font-size: 48px; text-align: center; text-transform: uppercase; color: rgba(255, 255, 255, 0.25); font-family: Arial, Helvetica, sans-serif; font-weight: bolder;}
.index-product .hr{margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; height: 4px; width: 0; border-left: #006699 solid 40px; border-right: #cc0000 solid 40px;}
.index-product .swiper-button-prev {  left: 5%;}
.index-product .swiper-button-next {  right: 5%;}
@media (max-width:1800px){
.index-product .cn{font-size: 30px;}
.index-product .en{ font-size: 38px;}
.index-product .hr{margin-top: 10px; margin-bottom: 10px; height: 4px; width: 0; border-left: #006699 solid 30px; border-right: #cc0000 solid 30px;}
}
@media (max-width:1440px){
.index-product .swiper-button-prev {  left:2%;}
.index-product .swiper-button-next {  right: 2%;}
}
@media (max-width:1366px){
.index-product .cn{font-size: 26px;}
.index-product .en{ font-size: 30px;}
}
@media (max-width: 1280px){
.page-div {bottom: 5%;left: -43%; }
}
@media (max-width:1024px){
.index-product .cn{font-size: 24px;}
.index-product .en{ font-size: 26px;}
.index-product-links .link .cn{font-size: 20px;}

}
@media (max-width:600px){
.index-product .cn{font-size: 22px;}
.index-product .en{ font-size: 24px;}
.index-product-links .link .cn{font-size: 18px;}

}
.index-application .applicationtitle{ position: absolute;}
.index-application .applicationtitle .cn{font-size: 36px; color: #cc0000;}
.index-application .applicationtitle .en{ font-size: 48px;  text-transform: uppercase; color: #ebebeb; font-family: Arial, Helvetica, sans-serif; font-weight: bolder;}
.index-application .applicationtitle .hr{margin-top: 20px; margin-bottom: 20px;  height: 4px; width: 0; border-left: #006699 solid 40px; border-right: #cc0000 solid 40px;}
.ywk-about-dthicscompliance {margin: auto;width:80%;position: relative;overflow: hidden;padding: 8% 0; }
.ywk-about-dthicscompliance .ywk-title {display: inline-block;}
.ywk-dthicscompliance {margin: auto;text-align: left;overflow: hidden;}
.ywk-dthicscompliance-swiper {overflow: hidden;}
.ywk-dthicscompliance-swiper .text{float: left;width: 29%;padding-top: 15%;}
.ywk-dthicscompliance-swiper .title-1{color: #1e2d45;font-size: 40px;position: relative;text-transform: uppercase;}
.ywk-dthicscompliance-swiper .title-1::after {content: '';width:50px;height:3px;background: #f39700;display: block;margin: 30px 0;}
.ywk-dthicscompliance-swiper .text-2{color: #666;font-size: 16px;line-height: 30px;}
.ywk-dthicscompliance-swiper .more { width: 250px; background: url(../images/more.png) left bottom no-repeat; line-height: 45px; margin-top: 40px;}
.ywk-dthicscompliance-swiper .more:hover { background: url(../images/more_h.png) left bottom no-repeat;}
.ywk-dthicscompliance-swiper .more a{ font-size: 16px; color: #666;}
.ywk-dthicscompliance-swiper .more:hover a ,.ywk-dthicscompliance-swiper .more a:hover{ color: #cc0000;}
.ywk-dthicscompliance-swiper .img{float: right; width: 60%; position: relative;}
.ywk-dthicscompliance-swiper .img img{ width: 100%;}
.ywk-dthicscompliance-nav {margin-top: 70px;position: relative;overflow: hidden;text-align: left;}
.ywk-dthicscompliance-nav .item-4 {color: #a1a7b2; }
.ywk-dthicscompliance-nav .item-4::before,.ywk-dthicscompliance-nav .item-4::after {content: '';width: 100%;height: 2px;background: #e5e5e5;position:absolute;left: 0;top: 0;}
.ywk-dthicscompliance-nav .item-4::after {z-index: 3;width:0px;background: #fff;}
.ywk-dthicscompliance-nav .item-4 .num-6{font-size: 16px;padding:20px 0 0px 50px;}
.ywk-dthicscompliance-nav .item-4 .title-6{font-size: 16px;padding:5px 0 35px 50px;}
.ywk-dthicscompliance-nav .swiper-slide-thumb-active .item-4::after {width:100%;}
.ywk-dthicscompliance-nav .swiper-slide-thumb-active .item-4 {color: #fff;background: url(../images/solutionbg.png) no-repeat; cursor: pointer;}
.ywk-border-top4 {border-top: 4px solid #ededed;}
@media (max-width:1800px){
.index-application .applicationtitle .cn{font-size: 30px;}
.index-application .applicationtitle .en{ font-size: 38px;}
.index-application .applicationtitle .hr{margin-top: 10px; margin-bottom: 10px; height: 4px; width: 0; border-left: #006699 solid 30px; border-right: #cc0000 solid 30px;}
}
@media (max-width:1366px){
.index-application .applicationtitle .cn{font-size: 26px;}
.index-application .applicationtitle .en{ font-size: 30px;}
}
@media (max-width:1024px){
.index-application .applicationtitle  .cn{font-size: 24px;}
.index-application .applicationtitle  .en{ font-size: 26px;}

}
@media (max-width:600px){
.index-application .applicationtitle  .cn{font-size: 22px;}
.index-application .applicationtitle .en{ font-size: 24px;}
}
@media (max-width:992px){
.ywk-dthicscompliance-swiper .img{ width: 65%; }
.ywk-dthicscompliance-nav {margin-top: 0px;}
.ywk-dthicscompliance-nav .swiper-slide-thumb-active .item-4 { background-size: 100% 100%;}
.ywk-dthicscompliance-nav .item-4 .num-6{ padding:20px 0 0px 30px;}
.ywk-dthicscompliance-nav .item-4 .title-6{ padding:5px 0 35px 30px;}

}
@media (max-width:868px){
.ywk-dthicscompliance-swiper .text{ width: 100%;padding-top: 28%; margin-bottom: 20px;}
.ywk-dthicscompliance-swiper .img{ width: 99%;}
.ywk-dthicscompliance-nav {margin-top: 30px;}
}
.index-news{ background: url(../images/indexbg3.jpg) no-repeat; position: relative;}
.index-news.page-section{ padding:80px 0;}
.index-news.fullpage-section {height: 100vh;}
.index-news .cn{font-size: 36px; color: #fff; text-align: center;}
.index-news .en{ font-size: 48px;  text-transform: uppercase; color: rgba(255, 255, 255, 0.25); text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bolder;}
.index-news .hr{margin-top: 20px; margin-bottom: 20px;  height: 4px; width: 0; margin-left: auto; margin-right: auto; text-align: center; border-left: #006699 solid 40px; border-right: #cc0000 solid 40px;}
.index-news .i_news_l{ width: 47%; float: left;} 
.index-news .i_news_r{ width: 48%; float: right; border-left: 1px solid #fff;}
.index-news .index-news_c { margin-top: 50px; margin-bottom: 40px;}
.index-news ._l_news_time {position: absolute;top: 0;left: 0;background: url(../images/solutionbg.png) no-repeat;color: #ffffff;  width: 220px; height: 120px; }
.index-news ._l_news_time ._r_news_time { padding:15px 60px 20px;}
.index-news ._l_news_time ._r_news_time span {display: block;  }
.index-news ._l_news_time ._r_news_time span._day {font-size:18px;color: #fff; line-height: 26px;margin-top:8%;margin-bottom: 15px; }
.index-news ._l_news_time ._r_news_time span._month {font-size:24px;color: #fff; line-height: 26px}
.index-news .index-news-left .info{ padding:35px 0px;}
.index-news .index-news-left .info .t{font-size:22px; margin-bottom: 15px; color:#fff; }
.index-news .index-news-left .info .desc{color:#fff;width: 100%; line-height:28px; font-size: 16px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis;  display: box;  display: -webkit-box;  -webkit-line-clamp: 2;  /*! autoprefixer: off */-webkit-box-orient: vertical;}
.index-news .index-news-left a:hover .info .t{color:#fafafa;}
.index-news .i_news_r_box li { width: 100%;margin-bottom: 70px; position: relative;}
.index-news .i_news_r_box li:last-child{margin-bottom: 0px;}
.index-news .i_news_r_box li:before{ position: absolute; left: -15px; top: 0px; content: ""; background: url(../images/newicon.png) no-repeat; width: 28px; height: 28px;}
.index-news .i_news_r .news_list_box ._r_news_main {width: 90%; }
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding:0px 20px 5px 0px}
.index-news .i_news_r ._r_news_title {font-size: 22px;color: #fff;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 15px; }
.index-news .i_news_r ._r_news_text {font-size: 16px;color: #fff;line-height: 30px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis;  display: box;  display: -webkit-box;  -webkit-line-clamp: 2;  /*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */}
.index-news .i_news_r_box li .date { color: #fff;}
.index-news .i_news_r_box li:hover:before{background: url(../images/newicon_h.png) no-repeat; }
.index-news .i_news_r_box li:hover .date { color: #fff;}
@media (max-width:1800px){
.index-news .cn{font-size: 30px;}
.index-news .en{ font-size: 38px;}
.index-news .hr{margin-top: 10px; margin-bottom: 10px; height: 4px; width: 0; border-left: #006699 solid 30px; border-right: #cc0000 solid 30px;}
}
@media (max-width: 1366px) {
.index-news.fullpage-section {height: 130vh;}
.index-news .i_news_r_box li { margin-bottom: 42px;}
.index-news .cn{font-size: 26px;}
.index-news .en{ font-size: 30px;}
}
@media (max-width: 1280px) {
.index-news.fullpage-section {height:auto;}
.index-news .index-news_c { margin-top: 50px; margin-bottom: 0px;}
}
@media (max-width: 1200px) {
.index-news-left .rect-66 {padding-bottom: 76%;}
.index-news .index-news-left .info{ padding:25px 0px;}
.index-news .index-news-left .info .t{font-size:20px;}
.index-news .i_news_r ._r_news_title {font-size: 20px;}
}
@media (max-width:1024px){
.index-news .cn{font-size: 24px;}
.index-news .en{ font-size: 26px;}
}
@media (max-width: 992px) {
.index-news .i_news_r .news_list_box ._r_news_time { padding: 10px 0 10px;}
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding: 3px 10px 3px 10px;}
.index-news_lt_row li ._down ._tt a{ font-size:17px;}
.index-news .i_news_r ._r_news_title {font-size: 17px;}
}
@media (max-width: 768px) {
.index-news{ background-size:100% 100%;}
.index-news .i_news_l{ width:100%; float: none; margin-bottom: 20px;} 
.index-news .i_news_r{ width: 100%; float: none;border-left:0px solid #fff;}
.index-news ._l_news_time ._r_news_time { padding:15px 40px 20px;}
.index-news-left .rect-66 {padding-bottom: 50%;}
.index-news .index-news-left .info{ padding:20px 0px;}
.index-news .index-news-left .info .t{font-size:18px;}
.index-news .i_news_r ._r_news_title {font-size: 18px;}
.index-news .i_news_r .news_list_box ._r_news_time { padding: 10px 0 0px;}
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding: 3px 10px 3px 0px;}
.index-news .i_news_r .news_list_box ._r_news_main {width: 100%; }
.index-news .i_news_r_box li { margin-bottom: 22px;}
.index-news .i_news_r_box li:before{ position: absolute; left: -15px; top: 0px; content: ""; background: none; width: 0px; height: 28px;}
.index-news.fullpage-section {height: 165vh;}
}
@media (max-width:630px){
.index-news .cn{font-size: 22px;}
.index-news .en{ font-size: 24px;}
.index-news.fullpage-section {height: 150vh;}
}
@media (max-width: 468px) {
.index-news.fullpage-section {height: 140vh;}
}
@media (max-width:380px) {
.index-news.fullpage-section {height: 130vh;}
}
.index-custom{ background: url(../images/indexbg4.jpg) no-repeat; }
.index-custom.page-section{ padding:80px 0 60px;}
.index-custom .cn{font-size: 36px; color: #cc0000; text-align: center;}
.index-custom .en{ font-size: 48px;  text-transform: uppercase;  text-align: center;color: #ebebeb; font-family: Arial, Helvetica, sans-serif; font-weight: bolder;}
.index-custom .hr{margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; text-align: center; height: 4px; width: 0; border-left: #006699 solid 40px; border-right: #cc0000 solid 40px;}
/*.index-custom .img{ width: 100%; margin:  0 auto;}
.index-custom .img img{ width: 100%;}*/
.index-custom ul{ margin: 13% auto 6%;}
.index-custom li { width: calc(100% / 6); min-height: 180px; margin-bottom: 10px; position: relative;}
.index-custom li .picture { border-radius: 50%; background-color: #fff; border: 1px solid #f0f0f0; position: absolute; top: 0; left: 0;}
.index-custom li:nth-child(1) .picture { width: 155px; height: 155px; line-height: 155px; left: 56px; top: -5%;}
.index-custom li:nth-child(2) .picture { width: 140px; height: 140px; line-height: 140px; top: -86%; left: 0px;}
.index-custom li:nth-child(3) .picture { width: 174px; height: 174px; line-height: 174px; top: -40%; left: 0%;}
.index-custom li:nth-child(4) .picture { width: 190px; height: 190px; line-height: 190px; top: -66%; left: 10%;}
.index-custom li:nth-child(5) .picture { width: 167px; height: 167px; line-height: 167px; top: -86%; left: 20%;}
.index-custom li:nth-child(6) .picture { width: 91px; height: 91px; line-height: 91px; line-height: 91px; top: 0;}
.index-custom li:nth-child(7) .picture { width: 127px; height: 127px; line-height: 127px; top: 14%; left:70%;}
.index-custom li:nth-child(8) .picture { width: 117px; height: 117px; line-height: 117px; left: 43%; top: -59%;}
.index-custom li:nth-child(9) .picture { width: 185px; height: 185px; line-height: 185px; left:40%; top: 9%;}
.index-custom li:nth-child(10) .picture { width: 172px; height: 172px; line-height: 172px; left: 60%; top: -56%;}
.index-custom li:nth-child(11) .picture { width: 120px; height: 120px; line-height: 120px; left: 65%; top: 30%;}
.index-custom li:nth-child(12) .picture { width: 130px; height: 130px; line-height: 130px; left: 30%; top: -50%;}
.index-custom li:nth-child(13) .picture { width: 100px; height: 100px; line-height: 100px; left: 123%; top: -79%;}
.index-custom li .picture img{ width: 100%; margin: 0 auto;}
.index-custom .more-link { clear: both; position: relative; margin: 40px 0;}
.flex { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.flex > li { margin-bottom: 15px;}
.flex .ax-breadcrumb li { margin-bottom: 0;}
.picture { overflow: hidden;}
.picture img { overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s;
 transition-property: all; transition-timing-function: ease; /* Firefox 4 */ -moz-transition-delay: 0s; -moz-transition-duration: 1s; 
 -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari and Chrome */ -webkit-transition-delay: 0s; 
 -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */ 
 -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}
.picture:hover img { transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); /* IE 9 */ -moz-transform: scale(1.05, 1.05); 
/* Firefox */ -webkit-transform: scale(1.05, 1.05); /* Safari and Chrome */ -o-transform: scale(1.05, 1.05); /* Opera */}
@media only screen and (max-width: 1200px){ 
.index-custom.page-section{ padding:60px 0 60px;}
.index-custom ul{ margin: 4% auto 4%;}
.index-custom li {width: 24%;min-height: unset !important; } 
.index-custom li .picture {width: 100% !important; height: 100%!important;line-height: 100%!important; position: static !important; border-radius: 0px; } 
.index-custom {min-height: unset; }
}
@media only screen and (max-width: 768px){ 
.index-custom.page-section{ padding:40px 0 40px;}
}
@media only screen and (max-width: 560px){ 
.index-custom li {width: 32%;min-height: unset !important; } 
}
.index-custom .more { width: 150px; background: url(../images/more.png) left bottom no-repeat; line-height: 45px; margin-top:40px; z-index: 9999; margin-left: auto; margin-right: auto;}
.index-custom .more:hover { background: url(../images/more_h.png) left bottom no-repeat;}
.index-custom .more a{ font-size: 16px; color: #666;}
.index-custom .more:hover a ,.index-custom .more a:hover{ color: #cc0000;}
@media (max-width:1800px){
.index-custom .cn{font-size: 30px;}
.index-custom .en{ font-size: 38px;}
.index-custom .hr{margin-top: 10px; margin-bottom: 10px; height: 4px; width: 0; border-left: #006699 solid 30px; border-right: #cc0000 solid 30px;}
}
@media (max-width:1366px){
.index-custom .cn{font-size: 26px;}
.index-custom .en{ font-size: 30px;}
}
@media (max-width:1024px){
.index-custom .cn{font-size: 24px;}
.index-custom .en{ font-size: 26px;}
.index-custom .more {margin-top: 20px; }
}
@media (max-width:600px){
.index-custom .cn{font-size: 22px;}
.index-custom .en{ font-size: 24px;}
}

.p-banner {background: center no-repeat;background-size: cover;height: 510px;text-align: center;padding-top: 170px; margin-top:80px;}
.p-banner .en{ font-size: 72px; line-height: 58px; font-weight: bold; text-transform: uppercase; color: rgba(255, 255, 255, 0.22);}
.p-banner h2 {font-size: 36px; line-height: 40px;padding: 25px 0 25px;color: rgba(255, 255, 255,1);}
@media (max-width: 1600px){
.p-banner .en{ font-size: 42px; line-height: 50px;}
.p-banner h2 {font-size: 32px;  }
}
@media (max-width: 1440px){
.p-banner {height: 375px;padding-top: 170px;}
.p-banner .en{ font-size: 36px; line-height: 48px;}
.p-banner h2 {font-size: 30px; }
}
@media (max-width: 1336px){
.p-banner {height: 348px; padding-top: 140px;}
.p-banner h2 {font-size: 26px; padding:15px 0 15px 65px;}
.p-banner .en{ font-size: 34px; }
}
@media (max-width: 1280px){
.p-banner {height: 333px;}
.p-banner h2 {font-size: 22px; }
}   
@media (max-width: 1200px){
.p-banner {height: 315px; padding-top: 80px;margin-top: 60px;}
.p-banner h2 {padding:5px 0 15px 0px;}
}  
@media (max-width: 768px){
.p-banner {height: 225px; padding-top: 50px;}
.p-banner .en{ font-size: 30px; line-height: 38px;}
}
@media (max-width: 600px){
.p-banner { margin-top: 60px;height:190px;}
.p-banner .en{ font-size: 26px; line-height: 32px;}
.p-banner h2 {font-size: 20px; }
}
@media (max-width: 500px){
.p-banner {height:170px;}
.p-banner .en{ font-size: 22px;line-height: 26px;}
.p-banner h2 {font-size: 18px; line-height: 30px; }
}
@media (max-width: 475px){
.p-banner {height:150px;}
}
.page_nav{height: 70px;line-height: 70px;border-bottom: 1px solid #e0e0e0;}
.page_nav .crumb{float: right;font-size:16px; text-align: right;}
.page_nav .crumb li{float: left; color: #666;}
.page_nav .crumb li span{color:#cc0000;}
.page_nav .crumb a{color: #666;}
.page_nav .r_sec{float: left;}
.page_nav .r_sec li{position:relative; float:left; font-size:16px; text-align: left; padding:0 5px; margin:0 25px;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#cc0000;}
.page_nav .r_sec li a{color:#333;}
.page_nav .r_sec.pro_sec li{padding:0 0px;font-size:16px; }
.page_nav .fa {margin: 0 8px; font-size:15px;}
.page_nav a:hover{color:#cc0000;}
.page_nav .c-pro-nav-swiper { margin: 0 auto; text-align: center;width: 100%;}
.page_nav .c-pro-nav-swiper .swiper-wrapper { margin: 0 auto; text-align: center; width: 100%;}
.page_nav .swiper-button-next,.page_nav .swiper-button-prev{ display: none!important;}
.page_nav .container{ position: relative;}
@media (max-width: 1440px){
.page_nav .r_sec li{ margin:0 20px;}
.page_nav .r_sec.about_r_sec{float: left; width: 60%; }
}
@media (max-width: 1366px){
.page_nav .r_sec li{ margin:0 16px;}
}
@media (max-width: 1280px){
.page_nav{height: 60px;line-height: 60px;}
.page_nav .r_sec li{margin:0 13px;padding: 0 3px;}
.page_nav .fa {margin: 0 5px;}
.page_nav .crumb{font-size:15px;}
}
@media (min-width: 1201px){
.page_nav .r_sec.pro_sec li{ width: auto!important;  }
}
@media (max-width: 1180px){
.page_nav .r_sec li{font-size:16px; margin:0 14px;padding: 0 0px;}
}   
@media only screen and (max-width: 992px){
.page_nav .r_sec.about_r_sec{ width:100%; }
.page_nav .crumb{display: none;}
.page_nav.proshownav .crumb{display: block;}
.page_nav .r_sec{float: none;}
.page_nav .r_sec li{ margin:0 15px;}
.page_nav .swiper-button-next,.page_nav .swiper-button-prev{ display: block!important;margin-top:-8px;width: 10px;height: 16px;-moz-background-size: 10px 16px;-webkit-background-size: 10px 16px;background-size: 10px 16px;}
}
@media (max-width: 800px){
.page_nav .r_sec li{ margin:0 12px;}
}
@media (max-width: 768px){
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
.page_nav .r_sec li{ margin:0 10px;}
}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
.page_nav .r_sec li{padding:0 0px 0 0; margin:0 15px 0 0;}
.page_nav .r_sec li:before{ height:2px;}
}    
@media only screen and (max-width: 425px){
/*.page_nav .container{padding-right: 0px;padding-left:1px;}*/
.page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.page_nav .r_sec li{ padding:0 2px; }
}
@media only screen and (max-width: 400px){
.page_nav .r_sec li{ padding:0 0px; margin:0 6px;}
}

.profile-main .profile-c { color: #666; line-height: 32px; font-size: 16px; margin: 30px 0 0px;}
.profile-main2.pages-section{ padding: 0px 0px 60px;}
.profile-main2 ul{text-align:center}
.profile-main2 ul li .about-item{float:left; width:25%; padding:20px 25px; border-right: 1px solid #e5e5e5; position: relative;}
.profile-main2 ul li .about-item .about-img {width: 60px;height:60px; text-align: left;}
.profile-main2 ul li .about-item .about-img .img {width: 100%;height: 100%;}
.profile-main2 ul li .about-item .about-txt{ text-align: left;}
.profile-main2 ul li .about-item .about-txt .about-tit {font-size:18px; font-weight: bold; color: #333; margin-top: 15px; margin-bottom: 15px;}
.profile-main2 ul li .about-item .about-txt p{ font-size: 16px; color: #666; line-height: 26px; height: 78px;} 
.profile-main2 ul li .about-item:hover{ border-bottom: 5px solid #910003; padding:35px 25px; border-right: 1px solid #cc0000; background: #cc0000;}
.profile-main2 ul li .about-item:hover .img1 {display: none;}
.profile-main2 ul li .about-item:hover .img2 {display: block;}
.profile-main2 ul li .about-item:hover .about-txt .about-tit ,.profile-main2 ul li .about-item:hover .about-txt .about-tit a{ color: #fff; margin-top: -20px; }
.profile-main2 ul li .about-item:hover .about-txt p { color: #fff; }

@media (max-width:1280px){
.profile-main2 ul li .about-item .about-txt .about-tit {font-size:17px; }
}
@media (max-width:992px){
.profile-main .profile-c { line-height: 28px; font-size: 16px; margin: 20px 0 0px;}
.profile-main2 ul li .about-item{ padding:10px 15px;}
.profile-main2 ul li .about-item .about-txt .about-tit {font-size:16px; margin-top: 10px; margin-bottom: 10px;}
.profile-main2 ul li .about-item .about-txt p{ font-size: 15px; line-height: 24px; height: 108px;}
.profile-main2 ul li .about-item:hover{ padding:20px 15px;} 
}
@media (max-width: 768px){
.profile-main2 ul li:nth-child(2n) .about-item{ border-right: 0px solid #e5e5e5; }
.profile-main2 ul li .about-item{float:left; width:50%; margin-bottom: 10px; margin-top: 10px;}
.profile-main2 ul li .about-item .about-txt p{ height:80px;} 
}
@media (max-width: 568px){
.profile-main2 ul li .txt{font-size:15px; line-height:24px;}
.profile-main2 ul li .about-item .about-txt p{ height:90px;} 
}
@media (max-width: 468px){
.profile-main2 ul li .about-item{ width:100%;  border-right: 0px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;  }
.profile-main2 ul li .about-item .about-txt p{ height:70px;} 
}
.culture {background: url('../images/culturebg.jpg') no-repeat center bottom;-o-background-size: cover; background-size: cover;}
.culture .desc{font-size:16px; line-height:30px; color: #666;}
.culture ul li{ margin-top: 70px;}
.culture ul li .culture-item { padding: 25px 30px; width: 70%; float: right;}
.culture ul li .culture-item h3 { font-size: 24px; color: #333; font-weight: bold; padding-bottom: 20px; margin-bottom: 10px;}
.culture ul li .culture-item p { font-size: 16px; line-height: 32px; height: 58px; color: #666;}
.culture ul li .culture-ico { height: 175px; line-height: 175px; width: 27%; border: 1px solid #a0a0a0; float: left;}
.culture ul li .culture-ico.culture-ico1{ background: url(../images/culture_ico4.png) no-repeat center;} 
.culture ul li .culture-ico.culture-ico2{ background: url(../images/culture_ico3.png) no-repeat center;} 
.culture ul li .culture-ico.culture-ico3{ background: url(../images/culture_ico1.png) no-repeat center;} 
.culture ul li .culture-ico.culture-ico4{ background: url(../images/culture_ico2.png) no-repeat center;} 
.culture ul li .culture-ico.culture-ico5{ background: url(../images/culture_ico5.png) no-repeat center;} 
.culture ul li .culture-ico.culture-ico6{ background: url(../images/culture_ico6.png) no-repeat center;} 
@media (max-width:1440px){
.culture ul li .culture-item p { font-size: 15px; }
}
@media (max-width:1366px){
.culture ul li .culture-item { padding: 20px 15px 20px 20px;}
.culture ul li .culture-item h3 { font-size: 22px; }
}
@media (max-width:1280px){
.culture ul li{ margin-top:50px;}
.culture ul li .culture-item p {line-height: 28px;}
.culture ul li .culture-item h3 { font-size: 20px;margin-bottom: 0px; }
.culture ul li .culture-ico { height: 155px; line-height: 155px;  }
}
@media (max-width:1180px){
.culture ul li .culture-item h3 { font-size: 20px; }
.culture ul li .culture-item p {line-height: 26px;}
}
@media (max-width:768px){
.culture-page2 { width: 100%; float: none; }
.culture ul li { margin-top: 20px;}
.culture ul li .culture-item { padding: 0px 11px;}
.culture ul li .culture-item h3 { font-size: 18px; padding-bottom: 10px; margin-bottom: 0px;}
.culture ul li .culture-item p {line-height: 24px;}
.culture ul li .culture-ico { height: 75px; line-height: 75px; border: 0px;}
}
@media (max-width:767px){
.culture ul li .culture-item{width: 73%; padding: 0px 0px 0px  11px;}
.culture ul li .culture-item h3 { font-size: 17px;}
.culture ul li .culture-item p { height: 90px;}
.culture ul li .culture-ico.culture-ico1 { background-size:70% ;background:url(../images/culture_ico1.png) no-repeat top center;}
.culture ul li .culture-ico.culture-ico2 { background-size:70% ;background:url(../images/culture_ico2.png) no-repeat top center;}
.culture ul li .culture-ico.culture-ico3 { background-size:70% ;background:url(../images/culture_ico3.png) no-repeat top center;}
.culture ul li .culture-ico.culture-ico4 { background-size:70% ;background:url(../images/culture_ico4.png) no-repeat top center;}
.culture ul li .culture-ico.culture-ico5 { background-size:70% ;background:url(../images/culture_ico5.png) no-repeat top center;}
.culture ul li .culture-ico.culture-ico6 { background-size:70% ;background:url(../images/culture_ico6.png) no-repeat top center;}
}
.honor li{ margin-bottom: 40px;}
.honor li .img{ border: 1px solid #bcbcbc; padding: 10px;}
.honor li img{ width:100%;}
@media (max-width:768px){
.honor li{ margin-bottom: 20px;}
}
.equipment li { margin-bottom: 10px;}
.equipment li .infor{padding:20px 0px; text-align:center; }
.equipment li .infor .title{ font-size: 17px; }
.equipment li img{ width:100%;}
@media (max-width:768px){
.equipment li .infor{padding:10px 0px; text-align:center; }
.equipment li .infor .title{ font-size: 16px; }
.chairman .infor p{ line-height: 28px; font-size: 15px; }
}
.development .desc{font-size:16px; line-height:30px; margin-bottom: 40px; color: #666;}
.development .rect-1275{padding-bottom:127.5%;}
.development .rect-6375{padding-bottom:63.75%;}
.development .cover{position:absolute; left:0; top:0; width:100%;}
.development  .item03 .cover{top:auto; bottom:18px;}
.development .cover .intro{padding:50px 32px 0;}
.development .intro .t{font-size:24px; color:#292929; font-weight:bold; line-height:1; margin-bottom:15px;}
.development .intro .c{ color:#444; line-height:28px; font-size: 16px;}
.development .item01{background:#0e58a1;}
.development .item04{background:#cc0000;}
.development .item01 .t{color:#fff;}
.development .item01 .c{color:#fff;}
.development .item02 .t{color:#fff;}
.development .item02 .c{color:#fff;}
@media only screen and (max-width: 1366px) {
.development .intro .t{font-size:20px;}
}
@media only screen and (max-width: 1280px) {
.development .cover .intro{padding:30px 20px 0;}
.development .intro .c{  line-height:26px; font-size: 15px;}
}
@media only screen and (max-width: 992px) {
.development .cover .intro{padding:15px 15px 0;}
.development .intro .t{font-size:18px;}
.development .intro .c{line-height:24px;}
}
@media only screen and (max-width: 768px) {
.development .cover .intro{padding:35px 20px 0;}
.development .rect-1275{padding-bottom:120%;}
.development .rect-6375{padding-bottom:60%;}
}
@media only screen and (max-width: 400px) {
.development .rect-1275{padding-bottom:125%;}
.development .rect-6375{padding-bottom:74%;}
}

.pro_top{ background: #f8f8f8; padding: 40px; min-height: 170px; margin-bottom: 60px;}
.pro_top dl{ line-height: 50px;}
.pro_top dt{ font-size: 24px; color: #333; line-height: 50px; padding-left: 1.5%; margin-right: 15px; float: left;}
.pro_top dd{ float: left; font-size: 18px; padding: 0px 1.5%; line-height: 50px; color: #666; }
.pro_top dd:hover,.pro_top dd.cur{ background: #cc0000; color: #fff;}
.pro_top dd:hover a{ color: #fff;}

.product_list li{ margin-bottom: 30px;}
.product_list .box { border: 1px solid #e5e5e5; width: 100%;}
.product_list a .pro-txt { display: block;background-color: #f7f7f7; padding: 20px 20px;}
.product_list a .pro-txt .pro-tit h3 { font-size: 18px; margin-bottom: 20px;}
.product_list a .pro-txt .index-more { line-height: 30px; width: 100px; color: #666; background: url(../images/arr_more.png) no-repeat right;}
.product_list a:hover .pro-txt .pro-tit h3 { color: #333;}
.product_list a:hover .pro-txt .index-more { color: #cc0000; background: url(../images/arr_more_h.png) no-repeat right;}
.product_list a:hover .img-box img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.product_list a .pro-txt .pro-c { color: #666; font-size: 16px; line-height: 2em; overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical; height: 68px; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 15px;}
@media only screen and (max-width: 1460px){
  .pro_top{ padding: 30px; min-height: 200px; margin-bottom: 40px;}
}
@media only screen and (max-width: 560px){
  .product_list a .pro-txt { padding: 7px 5px; text-align:center;}
  .product_list a .pro-txt .pro-c{border-bottom: 0px solid #e5e5e5; height: 50px; line-height: 1.6em; margin-bottom: 0px; overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
  .product_list a .pro-txt .pro-tit h3 {font-size: 16px; margin-bottom: 0px;}
  .product_list a .pro-txt .index-more { display: none;}
}

.pro_1{ width:100%; z-index:10;}
.pro_2_mid_left{ color:#fff; background-color:#f6f6f6;}
.pro_2_mid_right{width:76%; float:right}
.pro_2{ padding-bottom:4em;background-color:#f3f6f9; overflow:hidden;}
.pro_1_mid{padding:1.6em 15%; margin-bottom: 2px; background-color:#c80000;}
.pro_1_1{font-size:30px; font-weight: bold;}
.procatelist li{border-bottom:1px #dcdcdc solid;}
.procatelist li .pro_big_cate{font-size:18px; padding:1.1em 9%; color:#666; position:relative; display:block; }
.procatelist li .pro_big_cate:after{ position:absolute; right:9%; height:18px; width:20px; content: ""; background:url(../images/nav_arr.png) no-repeat right; top:40%; }
.procatelist{margin:0 0 30px;}
.procatelist li.on .pro_big_cate,.procatelist li:hover .pro_big_cate{color:#c80000;}
.procatelist li.on .pro_big_cate:after,.procatelist li:hover .pro_big_cate:after{background:url(../images/nav_arr_h.png) no-repeat;}
.pro_right .row{margin-right: 0px;margin-left: 0px;}

.pro_mo_top{display:none; overflow:hidden; background-color:#fff;}
.pro_mo_top_1{display:none}
@media screen and (max-width: 992px){
.pro_info_1_2{display:none}
.pro_mo_top_1{ display:block;margin:1.5em 0; border:4px #f3f6f9 solid; padding:0.1em 1em; background-color:#fff;}
.pro_mo_top_1 select{color:#000;font-size:0.875em; border:none; background:none; padding:0.5em 1em;width:100%; background-repeat:no-repeat; background-image:url(../images/arrow_down.png); background-position:right center;appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.pro_mo_top{display:block;}
.pro_2_mid_right_2{margin-top:2em;}
.pro_2{padding-bottom:3em;}
.pro_2_mid_left{display:none;}
.pro_2_mid_right{float:none; width:100%;}
.view-info a i { width: 30px;height: 30px; line-height: 30px; }
.view-info a span { margin-left:5px; font-size: 15px; }
}

.pro_info_1{ overflow:hidden;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/probg.jpg);}
.pro_info_1_1_left{float:left; width:40%;}
.pro_info_1_1_right{float:right; width:55%;}
.pro_info_1_1_right_1{font-size:24px; color:#333; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.pro_info_1_1_right_2{font-family:Arial, Helvetica, sans-serif; color:#666; margin-top:.8em;}
.pro_info_1_1_right_3{font-size:16px; color:#666; line-height:2.1; margin:2.1em 0 2.5em 0;}
.pro_info_1_2{font-size:20px;font-weight: bold; padding:.6em 1em;display:block;color:#666; margin-top:3.25em;background-color:#f6f6f6; border: 1px solid #f6f6f6;overflow:hidden}
.pro_info_2{ padding: 20px 0px;}
.pro_info_2_3_t{margin-top:1.3em; margin-bottom:0em; color:#666; line-height:2;font-size:16px; }
.pro_info_2_mid{overflow:hidden;}
.pro_info_2_mid div{line-height: 32px; }
.pro_info_2_mid table{ width: 100%;}
.pro_info_2_mid tr{line-height: 32px; }
.pro_info_1_3{font-size:20px; padding:.6em 0;display:block;color:#666; margin-top:3.25em; border-bottom: 1px solid #ededed;overflow:hidden}
.pro_info_3{margin-top: 30px;}
.pro_info_3 ul li .pro_img{ border: 1px solid #f0f0f0; padding: 10px; }
.pro_info_3 ul li .pro_img img { width: 100%;}
.pro_info_3 ul li .pro_list_title { text-align: center; font-size: 16px; line-height: 40px;}
.pro_info_3 ul li a:hover .pro_list_title { color:#c9141e;}
.pro_info_1_1_right .pro-btn{color:#333; font-size: 17px; margin-bottom: 5px; width: 100%; }
.pro_info_1_1_right .pro-btn a{display:block;background: #cc0000;color:#FFF;width:210px; font-size: 16px; text-align:center; border-radius: 25px; line-height:50px;height: 50px;border:none;padding:0;float:left;margin-right: 20px;text-transform: uppercase; }
.pro_info_1_1_right .pro-btn .tel{ float: left; line-height: 25px; font-size: 16px; padding-left: 50px; margin-left: 10px; background: url(../images/hotline.png) no-repeat left center;}
.pro_info_1_1_right .pro-btn .tel span{color: #cc0000;}
.pro_info_1_1_right .pro-btn .tel span a{ font-size: 20px;font-weight: bold; height: 30px; line-height: 30px;margin-right: 0px; color: #cc0000;background: none; text-align: left;;}
.pro_info_1_1_right .ys{ width:100%; margin-top:70px; color:#333; overflow:hidden;}
.pro_info_1_1_right .ys span{ width:25%; height:22px; font-size: 16px; line-height:22px; display:inline-table;}
.pro_info_1_1_right .ys span img{vertical-align:middle;height:22px; width: 24px; margin-right:4px;}

.products .pro_list { margin-bottom: 25px;}
.pro_list {background-color:#f1f5f8; padding: 15px;}
.pro_list_img{text-align:center;}
.pro_list_img img{ width: 100%;}
.pro_list_1{font-size:20px; color:#000; padding-bottom:20px; position:relative;}
.pro_list_1:after{ content: ""; position: absolute;  left:0; bottom:0; height:0.1428571428571429em; width:2em; background-color:#c9141e; }
.pro_list_2{ margin-top:0.5em; font-size:0.875em; letter-spacing:0.05em; font-family:Arial, Helvetica, sans-serif; color:#000;} 
.pro_list_3{ margin:25px 0;font-size:15px; color:#666; line-height:30px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:60px; overflow: hidden;word-wrap:break-word;word-break:break-all;}
.pro_list .pro_list_4{ opacity:0;  }
.pro_list .pro_list_4 span{ background-color:#c9141e; text-align:center;font-size:14px; display:inline-block; width:129px; height:32px; line-height:32px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.pro_list .pro_list_4 span font{ text-align:left;font-style:normal; width:98px; display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/img10.png);}
.pro_list_img{margin-bottom:20px;}
.pro_list:hover .pro_list_4{opacity:1;}
.pro_list:hover .pro_list_1{color:#c9141e;}
.pro-big-img {width: 100%;height:520px;overflow: hidden;}
.pro-big-img .gallery-left{width:100%;height: 400px;border: 1px solid #eeeeee; margin: 0; }
.pro-big-img .gallery-left img{width: 100%;}
.pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;}
.pro-big-img .gallery-left .swiper-slide img{width: 100%;height: initial; }
.pro-big-img .gallery-thumbs{padding: 12px 25px 0px; width:98%; height: 140px;margin:10px 0 0 10px; box-sizing: border-box;}
.pro-big-img .gallery-thumbs img{width: 100%; overflow: hidden; border: 2px solid #eeeeee; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(180deg) translate(0, 0);transform: rotate(180deg) translate(0, 0);/**/left:inherit;right:1px;top:40px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(180deg) translate(0, 0);transform: rotate(180deg) translate(0, 0);/**/left:0px;right:inherit;top:40px; }
.pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; }
.pro-big-img .gallery-thumbs .swiper-slide img{width: 100%;}
.pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.pro-big-img .gallery-thumbs .swiper-button-next,.pro-big-img .gallery-thumbs .swiper-button-prev  {width: 16px;height: 26px;-moz-background-size:16px 26px;-webkit-background-size: 16px 26px;background-size: 16px 26px;}
.pro_show .prev_next{ margin-top: 20px;}
.pro_show .prev_next li {margin: 10px auto; padding: 10px 20px; background-color: #f6f6f6; color: #666; font-size: 16px; line-height: 40px; width: 48%;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient:vertical;}
.pro_show .prev_next li a{ color: #666;}
.pro_show .prev_next li a:hover {color: #c9141e; }
@media screen and (max-width: 1650px){  
.pro_info_1_1_left img { width: 100%;}
}
@media screen and (max-width: 1440px){  
.pro_info_1_1_right_1{font-size:24px; }
}
@media screen and (max-width: 1366px){ 
.pro-big-img { height:460px; }
.pro_info_1_1_right_1{font-size:22px; }
.pro_info_2_mid img{ width: 100%;}
}
@media screen and (max-width: 1300px){ 
.pro_info_1_1_right .ys{  margin-top:40px; }  
.pro_show .prev_next li { padding: 10px 10px;  font-size: 16px; line-height: 35px;}
.procatelist li .pro_big_cate{font-size:17px; padding:0.9em 7%;}
}
@media screen and (max-width: 1200px){
.pro_info_1_1_right_1{font-size:20px; }
.pro_info_1_1_right_2{font-size:0.875em;}
.pro_1_1{font-size:1.875em;}
.pro_2_mid_right_1_mid{margin:0 1em 1em 1em}
.procatelist_top a,a.pro_big_cate,.pro_2_mid_right_1_mid_2{font-size:0.875em;}
.pro_right .row{margin-right: -20px;margin-left: -20px;}
.pro_list_1{font-size:18px;}
.pro_list_left,.pro_list_right{width:3em; height:3em; margin-top:-1.5em;}
.pro-big-img .gallery-left{width:100%;height: 300px;}
.pro-big-img .gallery-thumbs{padding: 12px 35px 0px;width:97%; height: 120px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:30px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:30px; }
.pro-big-img .gallery-thumbs .swiper-button-next,.pro-big-img .gallery-thumbs .swiper-button-prev  {width: 14px;height: 23px;-moz-background-size:14px 23px;-webkit-background-size: 14px 23px;background-size: 14px 23px;}
.pro_info_1_1_right .pro-btn a{ width:150px; margin-right: 10px; }
.procatelist li .pro_big_cate{font-size:16px; padding:0.8em 7%; }
}
@media screen and (max-width: 1090px){ 
.pro_list_1{font-size:1.25em;}
.pro_list_4{opacity:1;}
.pro_list li:hover .pro_list_img img{margin-top:0px;}
.pro_list_1{font-size:18px;}
.pro_info_1_2{font-size:18px; margin-top:2.25em; }
.pro_info_1_1_right .ys{display: none;}
.pro_info_1_1_right .pro-btn a{ width:250px; margin-bottom: 10px; margin-right: 0px; }

}
@media screen and (max-width: 1024px){
.pro_info_1_1_left{float:none; width:100%; margin-bottom: 15px;}
.pro_info_1_1_right{float:none; width:100%;} 
.pro_info_1_2 ul li{border:none; width:20%; text-align:center;}
.pro_info_1_2 ul li a{display:block; border-right:1px #fff solid; padding-left:0; padding-right:0}
.pro-big-img { height:900px; }
.pro-big-img .gallery-left{ height:700px; }
.pro-big-img .gallery-thumbs{ height: 150px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:70px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:70px; }
.pro_show .prev_next li { width:100%;}
}
@media screen and (max-width: 992px){
.pro-big-img { height:920px; }
.pro-big-img .gallery-thumbs{ height: 180px;}
}
@media screen and (max-width: 768px){
.pro_list_4 span{font-size:0.6em;}
.pro_list_left, .pro_list_right{width:2em; height:2em; margin-top:-1em;}
.pro_info_1_1_right_1{font-size:18px; }
.pro_list_1{font-size:1.125em;}
.pro_list_3{height:auto;}
.pro_list_img{margin-bottom:1.5em;}
.pro_list{margin:0 4%;}    
.pro_list_1{font-size:17px; padding-bottom:10px;}
.pro_info_1_1_left{float:left; width:100%;}
.pro_info_1_1_right{float:right; width:100%; margin-top: 30px;}
.pro_show .prev_next li {margin: 10px auto;  width: 100%;}
.pro_info_1_1_right .pro-btn a{ margin-bottom: 10px;}
}
@media screen and (max-width: 750px){
.pro-big-img { height:780px; }
.pro-big-img .gallery-left{ height:590px; }
}
@media screen and (max-width: 650px){
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:50px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:50px;}
}
@media screen and (max-width: 580px){
.pro-big-img { height:630px; }
.pro-big-img .gallery-left{ height:500px; }
}
@media screen and (max-width: 530px){
.pro-big-img { height:600px; }
.pro-big-img .gallery-left{ height:470px; }
.pro-big-img .gallery-thumbs{padding: 12px 0px 0px;width:96%; height: 140px;}
}
@media screen and (max-width: 480px){
.pro-big-img .gallery-left{ height: 380px;}
.pro-big-img { height:540px; }
}
@media screen and (max-width: 420px){
.pro-big-img .gallery-left{ height: 350px;}
.pro-big-img { height:500px; }
}
@media screen and (max-width: 380px){
.pro-big-img .gallery-left{ height: 250px;}
.pro-big-img { height:380px; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:40px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:40px;}
}  
@media screen and (max-width: 360px){
.pro-big-img .gallery-left{ height: 280px;}
.pro-big-img { height:430px; }
}

@media screen and (max-width: 340px){
.pro-big-img { height:350px; }
}
.news_list .rect-62 img{height:auto;}
.news_list ul li{ border: 1px solid #f2f2f2;  margin-bottom:30px;}
.news_list ul li a{display:block;}
.news_list ul li .img{float:left; width: 28%;}
.news_list ul li .intro{float:left; width:71%;}
.news_list ul li.noimg .img{display:none;}
.news_list ul li.noimg .intro{width:100%;}
.news_list ul li.noimg .intro .box{padding-bottom:30px;}
.news_list ul li .intro .box{padding:30px 50px 0;}
.news_list ul li .intro .box .txt .t{font-size:22px; margin-bottom: 15px; color:#333; }
.news_list ul li .intro .box .txt .c{font-size:16px; color:#666; line-height:30px; overflow:hidden; text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; margin:8px 0 15px; font-weight:lighter; transition:.3s ease;}
.news_list ul li .intro .box .txt .date1{color: #666; margin-top:30px;display: block;}
.news_list ul li:hover{background:url(../images/right.jpg) no-repeat right center;}
.news_list ul li .intro .box .txt .c a{ color:#666; }
.news_list ul li .intro .box .txt .t a:hover{ color:#cc0000; }
@media only screen and (max-width: 1240px){
.news_list ul li.noimg .img{display:none;}
.news_list ul li.noimg .intro{width:100%;}
.news_list ul li .intro{float:left; width:68%;}
.news_list ul li .tit{font-size:30px; color:#232323; line-height:35px; height:70px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_list ul li .img{ width:32%;}
.news_list ul li .intro .box .txt{float:left; width:100%;}
.news_list ul li .intro .box .txt .t{font-size:18px; margin-bottom: 10px; color:#333; }
}
@media only screen and (max-width: 992px){
.news_list ul li .img{ width:35%;}
.news_list ul li .intro{float:left; width:65%;}
.news_list ul li .intro .box .txt .date1{ margin-top:20px;}
.news_list ul li .intro .box{padding:20px 30px 0;}
}
@media only screen and (max-width: 760px){
.news_list ul li .intro .tit{font-size:18px; line-height:22px; height:44px;}
.news_list ul li .intro .box .txt .c{ line-height: 26px; overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_list ul li .intro .box{padding:10px 16px 0 16px;}
.news_list ul li .intro .box .txt .t{font-size:17px; color:#000;}
.news_list ul li .intro .box .txt .date1{ margin-top:0px; }
.news_list ul li:hover{background: none;}
}
@media only screen and (max-width: 760px){
.news_list ul li .intro .box .txt .c{ margin:5px 0 5px; line-clamp: 1;-webkit-line-clamp: 1;}
}
@media only screen and (max-width: 460px){
.news_list ul li .img{ width:100%;}
.news_list ul li .intro{float:left; width:100%;}
.news_list ul li .intro .box{padding:15px 16px 15px 16px;}
.news_list ul li .intro .box .txt .c{ line-clamp: 2;-webkit-line-clamp: 2;}
}

.news_show .param-t{font-size: 30px; font-weight: bold; color: #333; padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; }
.news_show p,.news_show div { line-height: 30px;}
.news_show .param-tit{font-size: 30px; padding-bottom: 20px; color: #333; }
.news_show .param-s{ font-size: 16px; margin-bottom: 30px; color: #666; padding-bottom: 20px;border-bottom:1px solid #e5e5e5; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.news_show .param-s i{ margin-right: 5px;}
.news_show .param-c {padding-bottom: 30px;}
.news_show .param-c h3{ font-size: 18px; font-weight: bold; line-height: 50px; }
.news_show .param-c p{ line-height:32px; font-size: 16px; color: #555; }
.news_show .param-img{  margin-bottom: 20px; }
.news_show .prev_next {line-height: 60px;height: 60px; border-top:1px solid #e5e5e5;}
.news_show .prev_next a{color: #444;}
.news_show .prev_next li {margin: 10px auto; padding:0 5px; width: 48%;}
.news_show .prev_next li a:hover { color: #cc0000; }
@media(max-width:1365px) {
.news_show img{ width: 100%;}
.news_show .param-c {padding-bottom: 20px;}
}
@media(max-width:1280px) {
.news_show .param-t{font-size: 20px; }
.news_show .param-tit{font-size: 20px; }
}
@media(max-width:992px) {
.news_show .param-tit{font-size: 18px;padding-bottom: 15px; }
.news_show .param-s{ margin-bottom: 20px; padding-bottom: 20px;}
.news_show .param-c { padding-top: 10px;}
.news_show p,.news_show div { line-height: 28px;}
.news_show .prev_next {line-height: 26px;height: 80px; }
.news_show .prev_next li {width: 98%; margin-bottom: 5px;}
.news_show .prev_next li.rt { float: left;}
}
@media(max-width:680px) {
.news_show .param-t{font-size: 18px; padding-bottom:10px;}
.news_show .param-tit{font-size: 18px; }
.news_show .param-c p{ font-size: 15px;line-height:26px;}
.news_show .param-s{ margin-bottom: 10px; padding-bottom: 10px; }
.news_show .param-c { padding-top: 0px;}

}

.solution .content .item{margin-bottom:25px;}
.solution .content .item .left { width: 50%; float: left;}
.solution .content .item .right .box .c{ font-size: 16px; line-height:32px; color:#5a5a5a; overflow:hidden; }
.solution .content .item .right .box .t{  margin-bottom: 20px;color:#cc0000;}
.solution .content .item .right { width: 50%; float: left; background-color: #f4f7f9; padding:96px 70px;}
.solution .content .item .right .title p{ font-size: 16px; text-transform: uppercase; color: #666; }
.solution .content .item .right .title h3{font-size: 24px; line-height: 40px; color:#cc0000; font-weight: bold;}
.solution .content .item .right .title .img{ width: 80px; float: left; margin-right: 5px;}
.solution .content .item .right .box { min-height: 280px;}
.solution .content:nth-child(2n) .item .left {float: right;}
@media ( max-width:1479px) {
.solution .content .item .right { padding:80px 65px;}
.solution .content .item .right .box { min-height: 270px;}
}
@media ( max-width:1366px) {
.solution .content .item .right .box { min-height: 245px;}
}
@media ( max-width:1300px) {
.solution .content .item .right .box { min-height: 230px;}
}
@media ( max-width:1280px) {
.solution .content .item .right .box { min-height: 220px;}
}
@media ( max-width:1200px) {
.solution .content .item .right { padding:60px 50px;}
.solution .content .item .right .box { min-height: 240px;}
}
@media ( max-width:1100px) {
.solution .content .item .right { padding:50px 50px;}
}
@media ( max-width:1050px) {
.solution .content .item .right { padding:50px 40px;}
.solution .content .item .right .box { min-height: 222px;}
}
@media ( max-width:992px) {
.solution .content .item .right .box { min-height: 205px;}
}
@media ( max-width:950px) {
.solution .content .item .right { padding:38px 15px;}
.solution .content .item .right .box .c{line-height:27px;}
.solution .content .item .right .box .t{font-size: 20px;}
.solution .content .item .right .title h3{font-size: 20px; }
}
@media ( max-width:900px) {
.solution .content .item .right { padding:37px 33px;}
}
@media ( max-width:850px) {
.solution .content .item .right { padding:25px 25px;}
.solution .content .item .right .box .t{  margin-bottom: 10px; }

}
@media ( max-width:820px) {
.solution .content .item .right { padding:20px 20px;}
}
@media ( max-width:768px) {
.solution .content .item .left { width: 100%; float: none;}
.solution .content .item .right .box .t{font-size: 18px;  }
.solution .content .item .right .title h3{font-size: 18px; }
.solution .content .item .right .box .c{  line-height:28px; }
.solution .content .item .right { width: 100%; float: none;}
.solution .content .item .right .title p{ font-size: 15px;}
.solution .content .item .right .title .img{width: 70px; margin-right: 0px;}
.solution .content:nth-child(2n) .item .left {float: none;}
.solution .content .item .right .box { min-height: 245px;}
}

.service .desc{font-size:16px; line-height:30px; margin-bottom: 40px; color: #666;}
.service2{background: url(../images/ser_bg.jpg) no-repeat center center; position: relative;}
.service2.pages-section{ padding: 140px 0 200px;}
.service2 .img{ text-align: center; margin-bottom: 40px;}
.service3 { height: 350px;}
.service3 .list { margin-top: 60px; position: absolute; top: -240px; left: 0px; content: ""; width: 100%; }
.service3 .list li {margin-bottom: 3%;}
.service3 .list li .con { padding: 20% 13% 20%;text-align: center; background-color:#f4f7f9;}
.service3 .list li .con .icon {display: block;margin: 0 auto;}
.service3 .list li .con .title {font-size: 24px;color: #333;line-height: 42px; margin-top: 30px;}
.service3 .list li .con .info {font-size: 16px;line-height: 30px;color: #666; height: 100px; margin-top: 3%;text-align: center;}
.service3 .list li .con .icon1 {display: none;margin: 0 auto;}
.service3 .list li:hover .con{ background: #cc0000;}
.service3 .list li:hover .con .icon {display: none;}
.service3 .list li:hover .con .icon1 {display: block;}
.service3 .list li:hover .con .title { color: #fff; }
.service3 .list li:hover .con .info { color: #fff; }

@media ( max-width:1280px) {
.service3 .list li .con .info { height: 130px; }
}
@media ( max-width:1024px) {
.service3 .list li .con .title { font-size: 20px;}
.service3 .list li .con { padding: 17% 8% 17%; }
}
@media ( max-width:992px) {
.service3 .list li .con .info { height: 160px; }
.service2 .img img{ width: 100%;}
}

@media ( max-width:768px) {
.service2.pages-section{ padding:60px 0 30px;}
.service3 { height: auto; margin-bottom: 40px; }
.service3 .list { margin-top: 60px;position: static; top: 0px; left: 0px; content: ""; width: 100%; }
.service3 .list li { margin-bottom: 30px;}
.service3 .list li .con .title { font-size: 18px; margin-top: 20px;}
.service3 .list li .con { padding:6% 4%;}
.service3 .list li .con .info { height: auto;}
}
@media ( max-width:468px) {
.service2.pages-section{ padding:40px 0 10px;}
}

.coporation li .box {position: relative;}
.coporation li .box .cover {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #0169b5;font-size: 16px;color: #ffffff;display: flex;justify-content: center;align-items: center;opacity: 0;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.coporation li .box:hover .cover {opacity: 1;}
.col li{margin-bottom:20px;}
.col li img { border:1px solid #ccc;}
@media (max-width: 768px) {
.col li img{ width: 100%;}
}

.maintenance .desc{font-size:16px; line-height:30px; margin-bottom: 40px; color: #666;}
.maintenance h3{ font-size: 18px; color: #cc0000; margin-top: 40px; margin-bottom: 20px;}

.page-contact .left{width:44%; float:right;}
.page-contact .left .box{padding: 55px; border: 1px solid #ececec;}
.page-contact .left .box .infor .tit{font-size:30px; color:#333; line-height:46px; }
.page-contact .left .box .infor .common-line{margin:34px 0 34px; height: 1px; width: 100%; background-color: #ddd;}


.page-contact .left .box .infor .con{font-size:16px; color:#303030; line-height:30px; margin-bottom:28px;}
.page-contact .left .box .infor .hotline { background: url(../images/tel.png) no-repeat; padding-left: 45px; margin-top: 25px;}
.page-contact .left .box .infor .hotline span{ margin-bottom: 10px; font-size: 16px;}
.page-contact .left .box .infor .hotline h3{ font-size: 30px;margin-top: 10px;}
.page-contact .left .box .infor .text span{ margin-left: 10px; line-height: 36px;}
.page-contact .left .box .infor .text .addr{position:relative; padding-left:30px; margin-bottom:16px;}
.page-contact .left .box .infor .text .addr .icon{display:inline-block; width:26px; height:26px; background:url(../images/contact_us01_2.png) no-repeat center; position:absolute; left:0; top:5px;}
.page-contact .left .box .infor .text .addr span{display:inline-block; font-size:16px; color:#3d3d3d; line-height:30px;}
.page-contact .left .box .infor .text .phone{position:relative; padding-left:30px; margin-bottom:16px;}
.page-contact .left .box .infor .text .phone .icon{display:inline-block; width:26px; height:26px; background:url(../images/contact_us01_1.png) no-repeat center; position:absolute; left:0; top:8px;}
.page-contact .left .box .infor .text .phone span{display:inline-block; font-size:16px; color:#3d3d3d; line-height:30px;}
.page-contact .left .box .infor .text .tel{position:relative; padding-left:30px; font-size:16px; color:#3d3d3d;  margin-bottom:16px;}
.page-contact .left .box .infor .text .tel .icon{display:inline-block; width:26px; height:26px; margin-right: 10px; background:url(../images/contact_us01_3.png) no-repeat center; position:absolute; left:0; top:5px;}
.page-contact .left .box .infor .text .siturl{position:relative; padding-left:30px; font-size:16px; color:#3d3d3d;  margin-bottom:16px;}
.page-contact .left .box .infor .text .siturl .icon{display:inline-block; width:26px; height:26px; margin-right: 10px; background:url(../images/contact_us01_5.png) no-repeat center; position:absolute; left:0; top:5px;}
.page-contact .left .box .infor .text .mail{position:relative; padding-left:30px; font-size:16px; color:#3d3d3d;  margin-bottom:16px;}
.page-contact .left .box .infor .text .mail .icon{display:inline-block; width:26px; height:26px; margin-right: 10px; background:url(../images/contact_us01_4.png) no-repeat center; position:absolute; left:0; top:5px;}
.page-contact .left .box .infor .text .code{position:relative; padding-left:30px; font-size:16px; color:#3d3d3d;  margin-bottom:16px;}
.page-contact .left .box .infor .text .code .icon{display:inline-block; width:26px; height:26px; margin-right: 10px;  background:url(../images/contact_us01_6.png) no-repeat center; position:absolute; left:0; top:5px;}
.page-contact .left .box .infor .text .tel a,.page-contact .left .box .infor .text .fax a,.page-contact .left .box .infor .text .mail a{color:#3d3d3d; }
.page-contact .left .box .infor .text .tel a:hover,.page-contact .left .box .infor .text .fax a:hover,.page-contact .left .box .infor .text .mail a:hover{color:#cc0000; }
.page-contact .right{width:56%; float:left; position:relative;}
.page-contact .right .right_area{position:absolute; width:100%; right:0; top:0; border-bottom:5px solid #cc0000; box-shadow:0px 2px 11px rgba(0,0,0,.16); background:#fff;}
.page-contact .right .right_area{border-right:1px solid #f0f0f0; border-top:1px solid #f0f0f0; border-right:1px solid #f0f0f0;}
.page-contact .right .right_area{border-right:none; border-top:none; border-right:none;}
.page-contact .right .right_area .box{padding:55px 50px 63px;}
.page-contact .right .right_area .box .infor .tit{font-size:30px; color:#cc0000; line-height:46px; font-weight:bold;}
.page-contact .right .right_area .box .infor .common-line{margin:16px 0 30px;}
.page-contact .right .right_area .box .infor .con{font-size:16px; color:#303030; margin-bottom:30px; line-height:30px;}
.page-contact .map_box{overflow:hidden; height:520px;} 
.page-contact .map_box img{max-width:none;}
@media only screen and (max-width:1280px) {
.page-contact .left .box{padding: 42px; }
}
@media only screen and (max-width:1024px) {
.page-contact .left .box{padding:28px 30px; }
}
@media only screen and (max-width:768px) {
.page-contact .right{width:100%; float: none;}
.page-contact .left{width:100%; float: none; margin-bottom: 20px;}
.page-contact .left .box{padding: 20px;}
.page-contact .left .box .infor .tit{font-size:20px; line-height:26px; }
.page-contact .left .box .infor .common-line{margin:10px 0 14px;}
.page-contact .left .box .infor .con{ margin-bottom:18px;}
}
@media only screen and (max-width:425px) {
.page-contact .left .box .infor .text .phone span{ font-size:15px; line-height:26px;}
}

.policy h3 { font-weight: bold; margin-bottom: 30px;font-size:16px;color:#303030; }
.policy{ line-height: 32px; font-size:16px;color:#666; }
.message .formCheck {line-height: 0; margin-top: 30px; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;    -ms-flex-direction: row;        flex-direction: row;-ms-flex-wrap: wrap;    flex-wrap: wrap;-webkit-box-pack: justify;    -ms-flex-pack: justify;        justify-content: space-between;-webkit-box-align: start;    -ms-flex-align: start;        align-items: flex-start;-ms-flex-line-pack: stretch;    align-content: stretch;}
.message .formCheck:after {display: none;}
.message .formItem {position: relative;margin-bottom: 15px;color: #666666;line-height: 48px;}
.message .formItem:last-child {margin-bottom: 0;}
.message .formItem.w1 {width: 48%;}
.message .formItem.w0 {width: 100%;}
.message .formItem.red:after {content: "x";position: absolute;right: 10px;top: 0;white-space: nowrap;font-size: 14px;pointer-events: none;-webkit-user-select: none;   -moz-user-select: none;    -ms-user-select: none;        user-select: none;color: #f00 ;}
.message .formItem:first-child {margin-top: 0;}
.message .formItem .skin {padding: 8px 19px;display: block;width: 100%;height: 48px;line-height: 32px;border: #d7d7d7 solid 1px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;}
.message .formItem input.skin {height: 48px;}
.message .formItem textarea.skin {height: 116px;}
.message .formItem.yzm {width: 100%;font-size: 0;white-space: nowrap;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;    -ms-flex-direction: row;        flex-direction: row;-ms-flex-wrap: nowrap;    flex-wrap: nowrap;-webkit-box-pack: justify;    -ms-flex-pack: justify;        justify-content: space-between;-webkit-box-align: stretch;    -ms-flex-align: stretch;        align-items: stretch;-ms-flex-line-pack: start;    align-content: flex-start;}
.message .formItem.yzm:after {display: none;}
.message .formItem.yzm .skin {width: 100%;display: inline-block;vertical-align: top;}
.message .formItem.yzm .refreshVC {width: 48px;height: 48px;background-size: 36px 36px;background-position: 50% 50%;background-repeat: no-repeat;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;min-width: 48px;}
.message .formItem.yzm .bindClick {display: inline-block;vertical-align: top;width: 118px;height: 46px;border: #d7d7d7 solid 1px;}
.message .formItem .enter {display: inline-block;vertical-align: top;margin-left: 10px;border-radius: 4px;min-width: 148px;width: 164px;height: 48px;line-height: 48px;text-align: center;background-color: #cc0000;color: #fff;font-size: 16px;}
.message .formItem .enter button{ background-color: #cc0000;}
.message .formItem p{ line-height: 30px; padding: 15px 0;}
@media screen and (max-width: 1024px) {.message {  padding-right: 0;}.message:before {  display: none;}
.message .formItem.yzm {  padding-bottom: 60px;}
.message .formItem.yzm .enter {  position: absolute;  left: 0;  bottom: 0;  width: 100%;}}
@media screen and (max-width: 1024px) {
  .message {  display: block;}
.message:before {  display: none;}
.message .contain {  width: 100%;  max-width: 100%;}
.message .formItem {  width: 100% !important;}
.message .formItem.yzm {  padding-bottom: 60px;}
.message .formItem.yzm .enter {  position: absolute;  left: 0;  bottom: 0;  width: 100%;  margin-left: 0;}
}
.red, .red a, a.red{color:red;}